<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <title>券</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"></script>
    <script src="quan.js"></script>
    <link rel="stylesheet" href="https://i.gtimg.cn/vipstyle/frozenui/2.0.0/css/frozen.css">
    <style>
        .quan-header{
            display: inline-block;
            font-size: 1.0em;
            color: #fff;
            position: fixed;
            left: 0;
            right: 0;
            top: 20px;
            margin: 0 auto;
            text-align: center;
        }
        .ui-loading-cnt img{
            margin: 18px 0 8px;
        }
    </style>
</head>
<body>
<div>

    <div class="ui-searchbar-wrap ui-border-b" style=" background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);height: 120px;">
        <div style="position: fixed;top:5px;left: 10px">
            <a href="https://q.hayye.cn" style="font-size: 14px;color: #edff00;">去新版</a>
        </div>
        <div style="position: fixed;top:5px;right: 10px">
            <a href="join.html" style="font-size: 14px;color: wheat;">公众号</a>
        </div>
        <h2 class="quan-header"><a href="https://tbq.hayye.cn" style="color: white">领券购物</a></h2>
        <div class="ui-searchbar ui-border-radius" style="height: 40px;top:26px">
            <i class="ui-icon-search"></i>
            <div class="ui-searchbar-text">搜索商品</div>
            <div class="ui-searchbar-input">
                <input id="key" value="" type="text" placeholder="搜索商品" autocapitalize="off">
            </div>
            <label id="clear" style="width: 20px;height: 30px"><i class="ui-icon-close"></i></label>
        </div>
        <button class="ui-searchbar-cancel" style="color: white;padding-top: 57px" onclick="search()">搜索</button>
    </div>
</div>
    <div>
        <div id="errorTip" class="ui-tooltips ui-tooltips-warn" hidden>
            <div class="ui-tooltips-cnt ui-border-b">
                <i></i>出错了，联系管理员解决。<a class="ui-icon-close"></a>
            </div>
        </div>
        <!-- 列表 -->
        <ul id="list" class="ui-list ui-border-tb ">

        </ul>
        <!-- 加载 -->
        <div id="load" class="ui-loading-wrap">
            <p>正在加载中...</p>
            <i class="ui-loading"></i>
        </div>
        <!-- 页面加载 -->
        <div class="ui-loading-block show" id="pageLoad" style="display: none">
            <div class="ui-loading-cnt">
                <i class="ui-loading-bright"></i>
                <p>正在获取中...</p>
            </div>
        </div>
        <!-- 页面加载失败 -->
        <div class="ui-loading-block show" id="pageLoadError" style="display: none">
            <div class="ui-loading-cnt">
                <img src="img/error.png">
                <p>获取失败！</p>
            </div>
        </div>
        <!-- 获取淘口令成功 -->
        <div class="ui-loading-block show" id="tpwdTips" style="display: none">
            <div class="ui-loading-cnt">
                <img src="img/success.png">
                <p>打开手淘查看！</p>
            </div>
        </div>
        <!-- 复制淘口令失败 -->
        <div class="ui-dialog show" id="tpwdError" style="display: none">
            <div class="ui-dialog-cnt">
                <div class="ui-dialog-bd">
                    <h3>复制失败，请手动复制</h3>
                    <p id="tpwd_value"></p>
                </div>
                <div class="ui-dialog-ft">
                    <button type="button" data-role="button" class="btn-recommand">我知道了</button>
                </div>
            </div>
        </div>

    </div>
</body>
</html>